<!DOCTYPE html>
<html lang="zh" xmlns:th="http://www.thymeleaf.org">
<head>
    <th:block th:include="include :: header('订单详情')"/>
    <style>
        .order-details {
            width: 80%;
            margin: 0 auto;
            border-collapse: separate;
            border-spacing: 10px;
        }

        .order-details th,
        .order-details td {
            padding: 10px;
            border: 1px solid #ddd;
        }

        .order-details th {
            background-color: #4c93af;
            color: white;
        }
    </style>
</head>
<body class="white-bg">
<div class="wrapper wrapper-content animated fadeInRight ibox-content">
    <h2>图书</h2>
    <table class="order-details">
        <tr>
            <th>图书名称</th>
            <th>所在书架</th>

        </tr>
        <tr th:each="novel : ${bookshelfDetailsVos}">
            <td th:text="${novel.title}"></td>
            <td th:text="${novel.bookshelfName}"></td>
        </tr>
    </table>
    <hr>
</div>
<th:block th:include="include :: footer"/>
</body>
</html>